<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <h3>清除指定网站记录</h3>
    <textarea id="siteUrls" placeholder="输入网址，多个用逗号或换行分隔（如：google.com, bing.com）"></textarea>
    
    <div class="time-range">
      <label>时间范围：</label>
      <select id="timeRange">
        <option value="last_hour">最近1小时</option>
        <option value="last_day">最近24小时</option>
        <option value="last_week">最近7天</option>
        <option value="all_time" selected>全部时间</option>
      </select>
    </div>

    <div class="data-types">
      <label><input type="checkbox" id="clearHistory" checked> 历史记录</label>
      <label><input type="checkbox" id="clearCookies" checked> Cookies</label>
      <label><input type="checkbox" id="clearCache" checked> 缓存</label>
    </div>

    <button id="clearBtn">清除记录</button>
    <p id="status"></p>
  </div>
  <script src="popup.js"></script>
</body>
</html>